<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="../css/jquery.fullPage.css">
    <link rel="stylesheet" href="../css/style.css">
    <script src="../js/petalfloat.js"></script>
</head>

<body>
    <div class="bgcolor">
        <div style="z-index:100;" id="dowebok">
            <!--第一屏-->
            <div class="section">
                <div class="ly-box01">
                    <div class="ly-txt01">
                        <p class="ly-stxt02">白驹过隙</p>
                        <p class="ly-stxt02">岁月无痕</p>
                        <p class="ly-stxt03">转眼间来到了你破壳的日子</p>
                        <p class="ly-stxt04">过了今天</p>
                        <p class="ly-stxt05">你就再也不是那个十七岁的懵懂小女孩
                            <span>🎉</span>
                        </p>
                    </div>
                    <div class="ly-txt02">
                        <p class="ly-stxt06">对于18岁的你的祝福</p>
                        <p class="ly-stxt07">是经历世事而不失少年意趣</p>
                        <p class="ly-stxt08">是保持坚定与热爱</p>
                        <p class="ly-stxt09">是依然能够为世间那些真心实意而心动</p>
                        <p class="ly-stxt10">祝福太多，慢慢往下拉</p>
                    </div>
                </div>
            </div>

            <!--第二屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-txt12">
                        <p>生逢喜事添欢笑</p>
                        <p>日月星辰照坦途。</p>
                        <p>快意人生节节高，</p>
                        <p>乐而忘忧无限好！</p>
                        <p>愿你所求皆如愿，所行皆坦途。多喜乐，长安宁。愿付出甘之如饴，愿所得归于欢喜，道路漫长，故事丰盛。</p>
                    </div>
                    <div class="ly-imgbox11" style="height:40%">
                        <img class="ly-img11" src="../img/bg2.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box12">

                    <div class="ly-txt14">
                        <p>愿你如阳光 </p>
                        <p>明媚不忧伤</p>
                        <p>活的嚣张</p>
                        <p>永不受伤</p>
                        <p>愿你遇到一个成熟的爱人，一辈子不用长大</p>
                    </div>
                    <div class="ly-imgbox11" style="height:50%">
                        <img class="ly-img11" src="../img/bg3.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle12"></div>

            </div>

            <!--第三屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint21"></div>
                <div class="ly-box21">
                  
                    <div class="ly-txt22" style="left:6%;font-size: 45px">
                        <p>祝</p>
                        <p>你</p>
                    </div>
                    <div class="ly-imgbox21">
                        <img class="ly-img21" src="../img/bg4.jpg">
                    </div>
                </div>
                <div class="ly-triangle21"></div>

                <div class="ly-box22">
               
                    <div class="ly-txt24">
                        <h2>百事可乐</h2>
                        <h2>万事芬达</h2>
                        <h2>天天哇哈哈</h2>
                        <h2>月月乐百事</h2>
                    </div>
                    <div class="ly-imgbox22">
                        <img class="ly-img22" src="../img/bg5.jpg">
                    </div>
                </div>
                <div class="ly-triangle22"></div>

                <div class="ly-box23">
                 
                    <div class="ly-txt26">
                        <h2>年年高乐高</h2>
                        <h2>心情似雪碧</h2>
                        <h2>永远心飞扬</h2>
                    </div>
                    <div class="ly-imgbox23" style="height: 50%">
                        <img class="ly-img23" src="../img/bg6.jpg" style="height: 100%">
                    </div>
                </div>
                <div class="ly-triangle23"></div>
            </div>

            <!--第四屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint31"></div>
                <div class="ly-box31">
                   
                    <div class="ly-txt32">
                        <p>托白云送去我绵绵不尽的思念</p>
                        <p>托清风送去我轻轻的祝福</p>
                        <p>祝你生日快乐！！！</p>
                    </div>
                    <div class="ly-imgbox31" style="height:50%">
                        <img class="ly-img31" src="../img/bg7.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle31"></div>

                <div class="ly-box32">
                    
                    <div class="ly-txt34">
                        <p>祈望你心灵深处芳草永绿，青春常驻，笑口常开。祝你生日快乐，健康幸福！</p>
                    </div>
                    <div class="ly-imgbox31">
                        <img class="ly-img31" src="../img/bg8.jpg" style="height:80%">
                    </div>
                </div>
                <div class="ly-triangle32"></div>
            </div>
            <!--第五屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                    
                    <div class="ly-txt82">
                        <h3>希望你一切都好</h3>
                        <h3>希望所有俗套的祝福语都在你身上灵验</h3>
                        <h3>希望你生日快乐</h3>
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/bg9.jpg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                  
                    <div class="ly-txt84">
                        <h3 class="wwww1">生活明朗 万物可爱 你也按时长大</h3>
                        <h3 class="wwww1">但愿这漫长渺小的人生不负你每个光辉时分</h3>
                        <h3 class="wwww1">我愿你遍历山河，觉得人间值得</h3>
                        <h3 class="wwww1">希望你继续长成厉害的大人</h3>
                        <h3 class="wwww1">18岁的你要比17岁更开心噢</h3>
                    </div>
                    <div class="ly-imgbox11" style="height:50%;">
                        <img class="ly-img11" src="../img/bg10.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle82"></div>
            </div>
            <!--第六屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                   
                    <div class="ly-txt82" style="top:8%">
                        <p class="wwww1">愿你有自持而节制的华丽</p>
                        <p class="wwww1">层出不穷的新鲜</p>
                        <p class="wwww1">愈炼愈飞的魔性</p>
                        <p class="wwww1">永远虔诚的天真</p>
                        <p class="wwww1">愿你崭新的时光通透温热</p>
                    
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/bg3.jpg" style="height: 60%">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                 
                    <div class="ly-txt84">
                        <p>喂!曼宁</p>
                        <p>今天是你的生日!</p>
                        <p>在这个时刻，我要送给你千万个嘱咐与问候，这是最值钱的“寒酸”!</p>
                        <p>愿你能在人海茫茫中和你的生命中注定撞个满怀</p>
                        <p>所爱之人最后成为你的爱人</p>
                        <p>愿你所爱之人，挚爱你一人</p>
                        <p>愿你往后路途，深情不再枉付 </p>
                        <p>以后的日子，希望你变得更加坚强，学会照顾自己，生病记得吃药</p>
                        <p>虽相识短暂，但如久别重逢的老友，很高兴在茫茫人海中遇见了你</p>
                        <p>希望你保持自己的纯真，活出自己的样子，毕竟生活没有那么多观众，但一定要做自己的女主角</p>
                        <p>工作要适当，不能把工作当成生活，也要好好享受生活呀</p>
                        <p>最后，我还是那个还算凑合的聆听者，有事call me</p>
                    </div>
                    <!-- <div class="ly-imgbox11" style="height:100px;width:100px;left:30%;bottom: 10px">
                        <img class="ly-img11" src="../img/bg7.jpg" style="height:100%">
                    </div> -->
                </div>
                <div class="ly-triangle82"></div>
            </div>

        </div>
    </div>

    <script type="text/javascript">
        var pf = new PF({
            life: 20,   //樱花存活时间（帧数）
            index: 100,  // 画布层级
        });
        pf.init();
        pf.start();
        window.addEventListener("resize", function () {
            pf.reSize();
        })
    </script>
    <audio src="../music/刘若英-原来你也在这里.mp3" autoplay="autoplay" loop="loop">
        <script src="../js/jquery-1.8.3.min.js"></script>
        <script src="../js/jquery.fullPage.js"></script>
        <script src="../js/diy.js"></script>


</body>

</html>